<!DOCTYPE html>
<html lang="ru" data-ng-app>
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
        <title>ОШИБКА: Запрошенный URL не может быть доставлен</title> 
        <link 
            href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" 
            rel="stylesheet">
        <link 
            href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css"
            rel="stylesheet">
        <style type="text/css">
            body {
                margin: 3px;
            }
        </style>                                                          

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

        <script type="text/javascript">

            function Ctrl($scope, $http) {
                var url = "http://debian-utls:8080/squid-adm/rst/allowed/sites?callback=JSON_CALLBACK";
                $scope.sites = [];

                $scope.loadSites = function() {
                    console.log('loadsites');
                    $http.jsonp(url).success(function(data, status, headers) {
                        $scope.sites = data;
                    });
                };

            }


        </script>
    </head>
    <body data-ng-controller="Ctrl"> 

        <div id="titles" class="page-header"> 
            <h1>ERROR</h1> 
            <h2>Запрошенный URL не может быть доставлен</h2> 
        </div> 

        <div class="container">
            <div id="content" class="row">
                <div class="col-md-12" >
                    <p>При получении URL <a href="%U">%U</a> произошла следующая ошибка</p>  
                    <blockquote id="error" class="alert alert-warning"> <p><b>Доступ ограничен.</b></p> </blockquote>
                    <p>Свободный доступ в сеть Интернет
                        ограничен
                        в рабочее время, а именно: </p>
                    <ul>
                        <li><strong>с 08:31 по 11:29</strong></li>
                        <li><strong>с 13:31 по 16:01</strong></li>
                    </ul>
                    <br> 
                </div> 

            </div>
            <div class="row">
                <div class="col-md-12">
                    <p>Помимо общего запрета, <em>некоторые</em> сайты
                       <a href="" data-ng-hide='sites.length > 0' 
                          data-ng-click='loadSites()'>по определенным ключевым словам 
                       </a>
                        разрешены
                    </p>
                    <blockquote id="sites" class="alert alert-success" data-ng-show='sites.length > 0'>
                        <span data-ng-repeat="site in sites">{{site}}, </span>
                   </blockquote>
                    
                </div>
            </div>
        </div>
        <hr> 
        <footer id="footer"> 
            <p>Создано %T на %h (%s), <span>администратор Вашего кэша: <a href="mailto:%w">%w</a></span></p>
            <!-- %c --> </footer> 
    </body>
</html> 